<!-- contact 组件 -->
<template>
  <div id="about" v-if="show">
    <main class="page contact-us-page">
      <section class="clean-block clean-form dark">
        <div class="container">
          <div class="block-heading">
            <h2 class="text-info">联系我们</h2>
            <p>旅游是一种可以充分放松自己的活动，有助于减压和享受生活。</p>
          </div>
          <form>
            <div class="mb-3">
              <label class="form-label" for="name">名字</label
              ><input class="form-control" type="text" id="name" name="name" />
            </div>
            <div class="mb-3">
              <label class="form-label" for="subject">更多</label
              ><input
                class="form-control"
                type="text"
                id="subject"
                name="subject"
              />
            </div>
            <div class="mb-3">
              <label class="form-label" for="email">邮箱</label
              ><input
                class="form-control"
                type="email"
                id="email"
                name="email"
              />
            </div>
            <div class="mb-3">
              <label class="form-label" for="message">建议</label
              ><textarea
                class="form-control"
                id="message"
                name="message"
              ></textarea>
            </div>
            <div class="mb-3">
              <button class="btn btn-primary" type="submit">提 交</button>
            </div>
          </form>
        </div>
      </section>
    </main>
  </div>
</template>
      
      <script>
export default {
  name: "联系",
  data() {
    return {
      show: false,
    };
  },
  mounted() {
    setTimeout(() => {
      this.show = true;
    }, 1000);
  },
};
</script>
      